<template>
	<view class="time_reporting flex_col al_center">
		<uni-nav-bar title="实时汇报" :statusBar="true" leftIcon="back" :fixed="true" rightText="草稿箱" @clickLeft="back"></uni-nav-bar>
		<view class="login_user_info flex_row al_center">
			<view class="flex_col  flex_1 al_center">
				<view class="flex_col head_item">
					<text>我的工种</text>
					<!-- <text>司机</text> -->
					<uni-notice-bar class="notice_bar" backgroundColor="#fff" color="#333" single="true" text="司机"></uni-notice-bar>

				</view>
			</view>
			<view class="head_line"></view>
			<view class="flex_row flex_1 al_center">
				<view class="flex_col flex_1 head_item al_center">
					<text>汇报时间</text>
					<!-- scrollable="true" :speed="10" -->
					<uni-notice-bar class="notice_bar" backgroundColor="#fff" color="#333" single="true" :text="nowTime"></uni-notice-bar>
				</view>
			</view>
			<view class="head_line"></view>
			<view class="flex_row flex_1 al_center">
				<view class="flex_col flex_1 head_item al_center">
					<text>位置</text>
					<uni-notice-bar class="notice_bar" show-icon="true" backgroundColor="#fff" color="#333" single="true" :text="address"></uni-notice-bar>
				</view>
			</view>
		</view>

		<!-- <view class="full_width pd_bt_20 pd_tp_30">
			<text class="status_txt">健康状况</text>
		</view>
		<input class="health_status" v-model="healthStatus" placeholder="请输入您的健康状况"></input>
		 -->
		<view class="report_list flex_col al_center" :style="{marginTop:'10rpx'}">
			<view class="report_item flex_row just_space_between al_center">
				<text class="report_name form_lable">车牌号</text>
				<input type="text" v-model="plateNumber" class="flex_1 report_input" placeholder="请输入车牌号" />
			</view>
			<view class="report_item flex_row just_space_between al_center">
				<text class="report_name form_lable" :style="{width:'300rpx'}">仪表盘当前公里数</text>
				<input type="number" v-model="startMileage" class="flex_1 report_input" placeholder="请输入" />
				<text class="report_value pd_rt_10" :style="{color:'#909090'}">Km</text>
				<!-- item.startKm -->
			</view>
		</view>

		<block v-for="(item,ind) in workLoad" :key="ind">
			<view class="full_width pd_bt_20 pd_tp_30 flex_row just_space_between">
				<text class="status_txt">工作量{{ind+1}}</text>
				<text class="delete_status_txt" @tap="deleteWorkLoad(ind)">删除</text>
			</view>
			<view class="report_list flex_col al_center">
				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name">选择类别</text>
					<view class="flex_row al_center">
						<picker mode="selector" :range="categorys" range-key="text" @change="selectCate($event,item)">
							<text v-if="item.garbageTyep" class="selected_time">{{item.garbageTyep}}</text>
							<text v-else class="report_value">请选择</text>
						</picker>
						<uni-icons type="forward" color="#C5C5C5" class="mg_lt_20"></uni-icons>
					</view>
				</view>

				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name">数量</text>
					<view class="flex_row al_center">
						<uni-number-box :min="0" @change="changeNum($event,item)"></uni-number-box>
					</view>
				</view>

				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name">单位</text>
					<view class="flex_row al_center">
						<picker mode="selector" :range="units" range-key="text" @change="selectUnit($event,item)">
							<text v-if="item.unit" class="selected_time">{{item.unit}}</text>
							<text v-else class="report_value">请选择</text>
						</picker>
						<uni-icons type="forward" color="#C5C5C5" class="mg_lt_20"></uni-icons>
					</view>
				</view>
				<!-- {garbageTyep:null,count:null,unit:null} -->
			</view>
		</block>
		<view class="add_times mg_tp_20 flex_row al_center" @tap="addWorkLoad">
			<uni-icons type="plusempty" class="mg_lt_30" color="#345AD4"></uni-icons>
			<text class="add_times_txt">添加工作量</text>
		</view>




		<block v-if="metering">
			<view class="full_width pd_bt_20 pd_tp_30 flex_row just_space_between">
				<text class="status_txt">计量</text>
				<!-- {{index+1}} -->
				<text class="delete_status_txt" @tap="deletePublicTimes('metering',0)">删除</text>
			</view>
			<view class="report_list flex_col al_center">
				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name form_lable">称重(吨)</text>
					<input type="text" v-model="metering.totalWeight" class="flex_1 report_input" placeholder="请输入" />
					<!-- v-model="item.weigh" -->
				</view>

				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name form_lable">车重(吨)</text>
					<input type="text" v-model="metering.vehicleWeight" class="flex_1 report_input" placeholder="请输入" />
					<!-- v-model="item.vehicleWeight" -->
				</view>

				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name form_lable">实重量(吨)</text>
					<input type="text" v-model="metering.netWeight" class="flex_1 report_input" placeholder="请输入" />
					<!-- v-model="item.actualWeight" -->
				</view>

			</view>
		</block>
		<view class="add_times mg_tp_20 flex_row al_center" @tap="addPublicTimes('metering',{totalWeight:null,vehicleWeight:null,netWeight:null})">
			<uni-icons type="plusempty" class="mg_lt_30" color="#345AD4"></uni-icons>
			<text class="add_times_txt">添加计量</text>
		</view>



		<block v-for="(item,indx) in energyConsumption" :key="indx+item">
			<view class="full_width pd_bt_20 pd_tp_30 flex_row just_space_between">
				<text class="status_txt">能耗{{indx+1}}</text>
				<text class="delete_status_txt" @tap="deletePublicTimes('energyConsumption',indx)">删除</text>
			</view>
			<view class="report_list flex_col al_center">
				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name form_lable">加油量(L)</text>
					<input type="text" v-model="item.volume" class="flex_1 report_input" placeholder="请输入" />
				</view>

				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name form_lable">加油量点</text>
					<input type="text" v-model="item.address" class="flex_1 report_input" placeholder="请输入" />
				</view>

				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name form_lable">实时单价(元)</text>
					<input type="digit" v-model="item.price" class="flex_1 report_input" placeholder="请输入" maxlength="8" />
					<!-- <input type="number" v-model="item.price" v-model.number.trim="money"  class="flex_1 report_input" pattern="[0-9]{,6}" @input="changeMoney(item.price)" placeholder="请输入" /> -->
				</view>

			</view>
		</block>
		<view class="add_times mg_tp_20 flex_row al_center" @tap="addPublicTimes('energyConsumption',{volume:null,price:'',address:''})">
			<uni-icons type="plusempty" class="mg_lt_30" color="#345AD4"></uni-icons>
			<text class="add_times_txt">添加加油</text>
		</view>


		<block v-for="(item,index) in watering" :key="index+'v'">
			<view class="full_width pd_bt_20 pd_tp_30 flex_row just_space_between">
				<text class="status_txt">加水{{index+1}}</text>
				<text class="delete_status_txt" @tap="deletePublicTimes('watering',index)">删除</text>
			</view>
			<view class="report_list flex_col al_center">
				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name form_lable">加水(L)</text>
					<input type="text" v-model="item.volume" class="flex_1 report_input" placeholder="请输入" />
				</view>

				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name form_lable">加水点</text>
					<input type="text" v-model="item.address" class="flex_1 report_input" placeholder="请输入" />
				</view>
				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name form_lable">单价(元)</text>
					<input type="number" v-model="item.price" class="flex_1 report_input" placeholder="请输入" />
				</view>
			</view>
		</block>
		<view class="add_times mg_tp_20 flex_row al_center" @tap="addPublicTimes('watering',{volume:null,price:'',address:''})">
			<uni-icons type="plusempty" class="mg_lt_30" color="#345AD4"></uni-icons>
			<text class="add_times_txt">添加加水</text>
		</view>






		<!-- <block v-for="(item,index) in traveledkm" :key="index+'u'">
			<view class="full_width pd_bt_20 pd_tp_30 flex_row just_space_between">
				<text class="status_txt">行驶公里数{{index+1}}</text>
				<text class="delete_status_txt" @tap="deletePublicTimes('traveledkm',index)">删除</text>
			</view> -->
		<!-- <view class="report_list flex_col al_center">
				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name form_lable" :style="{width:'300rpx'}">仪表盘当前公里数</text>
					<input type="number" v-model="startMileage" class="flex_1 report_input" placeholder="请输入"/> -->
		<!-- item.startKm -->
		<!-- </view> -->

		<!-- <view class="report_item flex_row just_space_between al_center">
					<text class="report_name form_lable">结束公里数</text>
					<input type="text" v-model="item.endKm" class="flex_1 report_input" placeholder="2000KM"/>
				</view> -->

		<!-- </view> -->
		<!-- </block> -->
		<!-- <view class="add_times mg_tp_20 flex_row al_center" @tap="addPublicTimes('traveledkm',{startKm:null,endKm:null})">
			<uni-icons type="plusempty" class="mg_lt_30" color="#345AD4"></uni-icons>
			<text class="add_times_txt">添加行驶公里数</text>
		</view> -->



		<block v-for="(item,ind) in securitys" :key="ind+'a'">
			<view class="full_width pd_bt_20 pd_tp_30 flex_row just_space_between">
				<text class="status_txt">安全{{ind+1}}</text>
				<text class="delete_status_txt" @tap="deletePublicTimes('securitys',ind)">删除</text>
			</view>
			<view class="report_list flex_col al_center">
				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name">交通违规</text>
					<view class="flex_row al_center">
						<picker mode="selector" :range="traffRules" range-key="text" @change="selecttraffic($event,item)">
							<text v-if="item.violationName" class="selected_time">{{item.violationName}}</text>
							<text v-else class="report_value">请选择</text>
						</picker>
						<uni-icons type="forward" color="#C5C5C5" class="mg_lt_20"></uni-icons>
					</view>
				</view>
				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name">扣分</text>
					<view class="flex_row al_center">
						<picker mode="selector" :range="numList2" range-key="num" @change="changeScore($event,item)">
							<text v-if="item.violationDeduction" class="selected_time">{{item.violationDeduction}}分</text>
							<text v-else class="report_value">请选择</text>
						</picker>
						<uni-icons type="forward" color="#C5C5C5" class="mg_lt_20"></uni-icons>
					</view>
				</view>
				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name">数量</text>
					<view class="flex_row al_center">
						<uni-number-box :min="0" @change="changeTimes($event,item)"></uni-number-box>
					</view>
				</view>

			</view>
		</block>
		<view class="add_times mg_tp_20 flex_row al_center" @tap="addPublicTimes('securitys',{violationName:null,violationDeduction:null,violationCount:null})">
			<uni-icons type="plusempty" class="mg_lt_30" color="#345AD4"></uni-icons>
			<text class="add_times_txt">添加安全</text>
		</view>


		<block v-for="(item,ind) in qualitys" :key="ind+'b'">
			<view class="full_width pd_bt_20 pd_tp_30 flex_row just_space_between">
				<text class="status_txt">质量{{ind+1}}</text>
				<text class="delete_status_txt" @tap="deletePublicTimes('qualitys',ind)">删除</text>
			</view>
			<view class="report_list flex_col al_center">
				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name">垃圾满漏</text>
					<view class="flex_row al_center">
						<picker mode="selector" :range="thereany" range-key="text" @change="selectAny($event,item,'garbageLeak')">
							<text v-if="item.garbageLeak" class="selected_time">{{item.garbageLeak}}</text>
							<text v-else class="report_value">请选择</text>
						</picker>
						<uni-icons type="forward" color="#C5C5C5" class="mg_lt_20"></uni-icons>
					</view>
				</view>

				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name">垃圾暴露</text>
					<view class="flex_row al_center">
						<picker mode="selector" :range="thereany" range-key="text" @change="selectAny($event,item,'garbageExpose')">
							<text v-if="item.garbageExpose" class="selected_time">{{item.garbageExpose}}</text>
							<text v-else class="report_value">请选择</text>
						</picker>
						<uni-icons type="forward" color="#C5C5C5" class="mg_lt_20"></uni-icons>
					</view>
				</view>

				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name">跑冒滴漏</text>
					<view class="flex_row al_center">
						<picker mode="selector" :range="thereany" range-key="text" @change="selectAny($event,item,'garbageDroping')">
							<text v-if="item.garbageDroping" class="selected_time">{{item.garbageDroping}}</text>
							<text v-else class="report_value">请选择</text>
						</picker>
						<uni-icons type="forward" color="#C5C5C5" class="mg_lt_20"></uni-icons>
					</view>
				</view>


				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name">日清日运</text>
					<view class="flex_row al_center">
						<picker mode="selector" :range="thereany" range-key="text" @change="selectAny($event,item,'dailyDelivery')">
							<text v-if="item.dailyDelivery" class="selected_time">{{item.dailyDelivery}}</text>
							<text v-else class="report_value">请选择</text>
						</picker>
						<uni-icons type="forward" color="#C5C5C5" class="mg_lt_20"></uni-icons>
					</view>
				</view>

				<view class="report_item flex_row just_space_between al_center">
					<text class="report_name">车身洁净</text>
					<view class="flex_row al_center">
						<picker mode="selector" :range="thereany" range-key="text" @change="selectAny($event,item,'vehicleClean')">
							<text v-if="item.vehicleClean" class="selected_time">{{item.vehicleClean}}</text>
							<text v-else class="report_value">请选择</text>
						</picker>
						<uni-icons type="forward" color="#C5C5C5" class="mg_lt_20"></uni-icons>
					</view>
				</view>
				<view class="common_width flex_col" :style="{'backgroundColor':'#fff'}">
					<text class="report_name">说明</text>
					<textarea :maxlength="20" v-model="item.reason" placeholder="限制20个字说明" class="mg_tp_20 explain_text"></textarea>
				</view>

			</view>
		</block>
		<view class="add_times mg_tp_20 flex_row al_center" @tap="addPublicTimes('qualitys',{garbageLeak:null,garbageExpose:null, garbageDroping:null,dailyDelivery:null,vehicleClean:null,reason:null})">
			<uni-icons type="plusempty" class="mg_lt_30" color="#345AD4"></uni-icons>
			<text class="add_times_txt">添加质量</text>
		</view>



		<view class="two_btn mg_tp_20 flex_row">
			<view v-show="false" class="draft_btn flex_row just_center al_center">
				<text>保存到草稿</text>
			</view>
			<view class="submit_btn flex_row just_center al_center" @tap="submitPost">
				<text>立即提交</text>
			</view>
		</view>
	</view>
</template>

<script>
	import permision from "@/js_sdk/wa-permission/permission.js";
	import {
		mapState,
		mapMutations
	} from 'vuex';
	export default {
		data() {
			return {
				healthStatus: '',
				plateNumber: '粤HZE999',
				categorys: [{
					text: '果皮箱'
				}, {
					text: '120L桶'
				}, {
					text: '240L桶'
				}, {
					text: '660L桶'
				}, {
					text: '3m³箱'
				}, {
					text: '25m³箱'
				}, {
					text: '推车'
				}, {
					text: '行驶公里数'
				}],
				address: '',
				numList2: [{
					num: 1
				}, {
					num: 2
				}, {
					num: 3
				}, {
					num: 4
				}, {
					num: 5
				}, {
					num: 6
				}, {
					num: 7
				}, {
					num: 8
				}, {
					num: 9
				}, {
					num: 10
				}, {
					num: 11
				}, {
					num: 12
				}],
				// {garbageTyep:null,count:null,unit:null}
				workLoad: [],
				// {volume:null,price:'',address:''}
				energyConsumption: [],
				//{volume:null,price:'',address:''}
				watering: [],
				//totalWeight:null,vehicleWeight:null,netWeight:null
				metering: null,
				traveledkm: [{
					startKm: null,
					endKm: null
				}],
				//{violationName:null,violationDeduction:null,violationCount:null}
				securitys: [],
				traffRules: [{
					text: '闯红灯'
				}, {
					text: '超速'
				}, {
					text: '逆向行驶'
				}, {
					text: '违停'
				}, {
					text: '抢人行道'
				}],
				//{garbageLeak:null,garbageExpose:null, garbageDroping:null,dailyDelivery:null,vehicleClean:null,reason:null}
				qualitys: [],
				thereany: [{
					text: '有'
				}, {
					text: '没有'
				}],
				units: [{
					text: '升(L)'
				}, {
					text: '千米(km)'
				}, {
					text: '吨(t)'
				}],
				startMileage: null,
				lng: 114.044116,
				lat: 22.617529
			}
		},
		computed: {
			nowTime: function() {
				return this.$utils.format(new Date(), "yyyy-MM-dd HH:mm")
			},
			sum: function() {
				let sum = 0
				this.workLoad.forEach(item => {
					sum = parseInt(sum) + parseInt(item.count)
				})
				return sum * 100
			},
			...mapState(['refreshFlag'])
		},
		onLoad() {
			let _this = this
			uni.getLocation({
				geocode: true,
				success(res) {
					_this.lng = res.longitude
					_this.lat = res.latitude
					let address1 = res.address.poiName||res.address.street||res.address.district
					_this.address = address1
				},
				fail(err) {
					console.error(err)
				}
			})
		},
		onReady(){
			let _this = this
			if (uni.getSystemInfoSync().platform == 'ios') {
				if (!permision.judgeIosPermission("location")) {
					permision.gotoAppPermissionSetting();
				}
			}
			 else
			{
				_this.requestAndroidPermission("android.permission.ACCESS_FINE_LOCATION");
			}
			if(!permision.checkSystemEnableLocation()){
				uni.showModal({
				    title: '提示',
				    content: '请您手动前往设置打开定位服务！',
				    success: function (res) {
				        if (res.confirm) {
				            _this.$utils.navBack()
				        } else if (res.cancel) {
				            _this.$utils.navBack()
				        }
				    }
				});
			}
		},
		onUnload() {},
		methods: {
			...mapMutations(['setRefresh']),
			changeScore(e, item) {
				item.violationDeduction = this.numList2[e.detail.value].num
			},
			async requestAndroidPermission(permisionID) {
				let _this = this
				let result = await permision.requestAndroidPermission(permisionID)
				if (result === 1) {
				} else if (result === 0) {
					uni.showModal({
					    title: '提示',
					    content: '需要您的定位授权!',
					    success: function (res) {
					        if (res.confirm) {
					            console.log('requestAndroidPermission 用户点击确定');
								permision.gotoAppPermissionSetting();
					        } else if (res.cancel) {
					           _this.$utils.navBack()
					        }
					    }
					});
				} else {
					uni.showModal({
					    title: '提示',
					    content: '需要您的定位授权!',
					    success: function (res) {
					        if (res.confirm) {
					            // console.log('requestAndroidPermission 用户点击确定');
								permision.gotoAppPermissionSetting();
					        } else if (res.cancel) {
					            _this.$utils.navBack()
					        }
					    }
					});
				}
			},
			selectAny(e, itemx, name) {
				itemx[name] = this.thereany[e.detail.value].text
			},
			changeTimes(e, item) {
				item.violationCount = e
			},
			selecttraffic(e, item) {
				item.violationName = this.traffRules[e.detail.value].text
			},
			addPublicTimes(name, obj) {
				if (name == 'metering') {
					this.metering = obj;
					console.log(JSON.stringify(this.metering));
					return;
				}
				this[name].push(obj)
			},
			changeMoney(num) { // 金额转换
				if (!num) {
					return 0;
				}
				var regexp = /(?:\.0*|(\.\d+?)0+)$/
				if (num > 1000000) {
					num = JSON.stringify(num).slice(0, JSON.stringify(num).length - 4) / 100
					return num + '万'
				} else {
					num = (num / 100).toFixed(2)
					num = num.replace(regexp, '$1')
					return num
				}
			},
			deletePublicTimes(name, index) {
				if (name == 'metering') {
					this.metering = null;
					return;
				}
				this.$delete(this[name], index)
			},
			selectCate(e, item) {
				item.garbageTyep = this.categorys[e.detail.value].text
			},
			selectUnit(e, item) {
				item.unit = this.units[e.detail.value].text
			},
			back() {
				this.$utils.navBack()
			},
			changeNum(e, item) {
				item.count = e
			},
			decide(name, title) {
				if (this[name] != null) {
					let x = 0
					for (let i = 0; i < this[name].length; i++) {
						x++;
						for (let key in this[name][i]) {
							if (!this[name][i][key]) {
								uni.showToast({
									icon: 'none',
									title: title + (i + 1) + '请填写完整或删除该项'
								})
								return false;
								break;
							}
						}
					}
					if (x === this[name].length) {
						return true
					}
				} else {
					return true
				}

			},
			submitPost() {
				if (this.decide('securitys', '安全') && this.decide('workLoad', '工作量') && this.decide('energyConsumption', '能耗') &&
					this.decide('watering', '加水') && this.decide('qualitys', '质量')) {

				} else {
					// console.error(11111)
					return false
				}
				this.watering.forEach(item => {
					this.$set(item, 'price', item.price * 100)
				})

				this.energyConsumption.forEach(item => {
					this.$set(item, 'price', item.price * 100)
				})
				let data = {
					"type": "report",
					"healthStatus": this.healthStatus,
					"plateNo": this.plateNumber,
					"createrId": uni.getStorageSync('userInfo').uid,
					"createrName": uni.getStorageSync('userInfo').userName,
					"projectId": "p0001",
					"lng": this.lng,
					"lat": this.lat,
					"startMileage": this.startMileage,
					"safety": this.securitys,
					"workload": this.workLoad,
					"refuels": this.energyConsumption,
					"waters": this.watering,
					"workquality": this.qualitys,
					"liteCount": this.metering
				}
				this.$utils.http.post('/dailywork/report/driver/commit', data).then(res => {
					console.error(JSON.stringify(res))
					if (res.code == 200) {
						uni.showToast({
							icon: 'none',
							title: '提交成功',
							duration: 1000,
						})
						setTimeout(() => {
							this.setRefresh({
								flag: 'time_report'
							});

							console.log("=1 this.refreshFlag=" + this.refreshFlag);
							this.$utils.navBack();
						}, 1000)

					}
				})
			},
			deleteWorkLoad(index) {
				this.$delete(this.workLoad, index)
			},
			addWorkLoad() {
				this.workLoad.push({
					garbageTyep: null,
					count: null,
					unit: null
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/common/css/main.css";

	.time_reporting {
		display: flex;
		width: 750rpx;
		flex: 1;
		background-color: #F6F6F6;

		.health_status {
			width: 750rpx;
			height: 80rpx;
			background: #fff;
			padding-left: 40rpx;
			font-size: 30rpx;
			box-sizing: border-box;
		}

		.explain_text {
			font-size: 32rpx;
			height: 120rpx;
		}

		.add_times {
			width: 750rpx;
			height: 120rpx;
			background-color: #fff;

			.add_times_txt {
				font-size: 32rpx;
				color: #345AD4;
			}
		}

		.selected_time {
			font-size: 32rpx;
			color: #333;
		}

		.status_txt {
			margin-left: 40rpx;
			font-size: 32rpx;
			font-weight: 500;
			color: #909090;
		}

		.delete_status_txt {
			margin-right: 40rpx;
			font-size: 32rpx;
			font-weight: 500;
			color: #FF5454;
		}

		.login_user_info {
			width: 750rpx;
			height: 130rpx;
			background-color: #fff;

			.head_line {
				width: 1px;
				height: 44rpx;
				background-color: #D7D7D7;
			}

			.head_item {
				text:nth-child(1) {
					font-size: 30rpx;
					color: #868686;
				}

				text:nth-child(2) {
					padding-top: 10rpx;
					text-align: center;
					font-size: 26rpx;
					color: #454545;
				}
			}

			.top_txt {
				font-size: 30rpx;
				font-weight: 500;
				color: #868686;
			}

			.notice_bar {
				width: 100%;
				padding: 10rpx;
				text-align: center;
				margin: 0 auto;
			}
		}


		.report_list {
			width: 750rpx;
			background-color: #fff;

			.report_item {
				width: 690rpx;
				height: 120rpx;
				border-bottom: 1px solid #E8E8E8;

				.report_name {
					font-size: 32rpx;
					color: #2E2D2D;
					font-weight: 500;
				}

				.report_value {
					font-size: 32rpx;
					color: #909090;
					font-weight: 500;
				}

				.form_lable {
					width: 200rpx;
				}

				.report_input {
					font-size: 32rpx;
				}
			}

		}


		.two_btn {
			width: 750rpx;
			height: 130rpx;
			padding-top: 40rpx;
			text-align: center;
			background-color: #fff;
		}

		.draft_btn {
			margin-left: 34rpx;
			margin-top: 20rpx;
			width: 200rpx;
			height: 96rpx;
			background: #26AE6C;
			border-radius: 10rpx;

		}

		.draft_btn text {
			font-size: 32rpx;
			font-weight: bold;
			color: #fff;
		}

		.submit_btn {
			width: 466rpx;
			height: 76rpx;
			background: #345AD4;
			border-radius: 10rpx;
			margin: 0 auto;
		}

		.submit_btn text {
			font-size: 32rpx;
			font-weight: bold;
			color: #fff;
		}
	}
</style>
